<script setup lang='ts'>
import { ArrowRight } from '@element-plus/icons-vue'
const { title,title2,title3 } = defineProps<{ title: string,id?:string,title2?:string,title3?:string }>()
</script>

<template>
    <div class="content1">
        <el-breadcrumb :separator-icon="ArrowRight">
            <el-breadcrumb-item>首页</el-breadcrumb-item>
            <el-breadcrumb-item><span>{{ title }}</span></el-breadcrumb-item>
            <el-breadcrumb-item v-if="title2 !== undefined"><span>{{ title2 }}</span></el-breadcrumb-item>
            <el-breadcrumb-item v-if="title3 !== undefined"><span>{{ title3 }}</span></el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>

<style scoped>
@import url(../../assets/style/myHeaderMete.css);
</style>